.ui-dialog{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 9999;
  display: none;
  .dialog-mask{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    z-index: 999;
    background: #000;
    opacity: .4;
    filter: Alpha(Opacity=40);
  }
  .dialog-container{
    position: absolute;
    width:400px;
    left:50%;
    top:50%;
    margin-left:-200px;
    margin-top:-200px;
//    background: rgba(255,255,255,0.2);
    border:5px solid #C1C7C8;
    background: #fff;
//    padding:5px;
    box-sizing: border-box;
    z-index: 9999;
    .dialog-header{
      background: #669;
      height:40px;
      line-height: 40px;
      color:#fff;
      text-align: center;
      font-size:18px;
      position: relative;
      margin:2px;
      .dialog-close{
        position: absolute;
        width:14px;
        height:14px;
        top:12px;
        right:6px;
        background: url('./image/close.png') no-repeat 0 0;
        display: block;
        cursor: pointer;
      }
      .dialog-close:hover{
        background-position:-14px 0;
      }
    }
    .dialog-content{
      background: #fff;
      padding:10px;
      color: #464646;
      font-size:15px;

    }
    .dialog-footer{
      background: #fff;
      padding:10px;
      border-top:1px solid #efefef;
      .btn{
        padding:7px 15px;
        background: #e8e8e8;
        color: #383838;
        cursor: pointer;
        display: inline-block;
        float: right;
        margin-right:10px;
      }
      .btn-main{
        background: #0c3;
        color:#fff;
      }
      .btn-main:hover{
        background: #00e73a;
        .clear{
          clear: both;
        }
      }
    }
  }
}